// import { useState } from 'react'
import style from './style.module.scss'
import { useNavigate } from 'react-router-dom'

const { top,right } = style
const WishTop = (props:any) => {
  let Edit= props.click
  const navigate = useNavigate()
  return <div className={top}>
    <div onClick={() => navigate( -1 )}>
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true" role="presentation" focusable="false" style={{ strokeWidth: '4', display: "block", fill: "none", height: "16px", width: "16px", stroke: "currentcolor", overflow: "visible" }}><g fill="none"><path d="M4 16h26M15 28 3.7 16.7a1 1 0 0 1 0-1.4L15 4"></path></g></svg>
    </div>
    <div className={right}>
      <div>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true" role="presentation" focusable="false" style={{ display: 'block', fill: 'none', height: '16px', width: '16px', stroke: 'currentcolor', strokeWidth: '4', overflow: 'visible' }}><g fill="none"><path d="M27 18v9a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-9M16 3v23V3zM6 13l9.3-9.3a1 1 0 0 1 1.4 0L26 13"></path></g></svg>
      </div>
      <div onClick={()=> Edit()} >
        <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" aria-hidden="true" role="presentation" focusable="false" style={{ display: 'block', height: '18px', width: '18px', fill: 'currentcolor' }}><path d="M3 6a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm5 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm5 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4z"></path></svg>
      </div>
    </div>

  </div>
}
export default WishTop